<template>
  <div>
    <ul class="floor-main floor-hd clearfix"  v-if="type==0">
      <li class="line fl"></li>
      <li class="name">{{floorName}}</li>
      <li class="line fr"></li>
    </ul>
    <img class="pic" v-lazy="floorSrc" v-if="type==1">
  </div>
</template>

<script>
  export default {
    props: {
      type: {
        type: [String, Number],
        default: 0
      },
      floorName: {
        type: String,
        default: ''
      },
      floorSrc: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import './style.scss';
  .floor-hd {
    height: 52px;
    margin-bottom: 30px;
    text-align: center;
    .line {
      width: 41%;
      height: 1px;
      margin-top: 25px;
      background: #000;
    }
    .tit {
      display: inline-block;
      width: 120px;
      height: 52px;
      background-repeat: no-repeat;
    }
    .name {
      display: inline-block;
      font-size: 18px;
      width: 120px;
      height: 52px;
      line-height: 52px;
    }
  }

  .pic {
    margin-bottom: 30px;
  }
</style>